<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>svg原</title>
</head>
<p class="codepen" data-height="300" data-default-tab="css,result" data-slug-hash="jOLKxYe" data-user="nazaneyn" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/nazaneyn/pen/jOLKxYe">
  Shiny Neumorphism Button</a> by Nazanin Ashrafi (<a href="https://codepen.io/nazaneyn">@nazaneyn</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
<body>
</body>
</html>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>svg222</title>
</head>
<p class="codepen" data-height="300" data-default-tab="css,result" data-slug-hash="VwMPpPg" data-user="caisimin0802" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
  <span>See the Pen <a href="https://codepen.io/caisimin0802/pen/VwMPpPg">
  Shiny Neumorphism Button</a> by Cai SiMin (<a href="https://codepen.io/caisimin0802">@caisimin0802</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
<body>
</body>
</html>